<html>
	<head>
		<title>Seapower</title>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700' rel='stylesheet' type='text/css'>
		<link type="text/css" rel="stylesheet" media="all" href="css/style.css" />
		<link type="text/css" rel="stylesheet" media="all" href="css/nohp.css" />
		<link type="text/css" rel="stylesheet" media="all" href="css/lista_news.css" />
		<link type="text/css" rel="stylesheet" media="all" href="css/news.css" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/seapower.js"></script>
		<script type="text/javascript" src="js/lista_news.js"></script>
		
		
		<!-- Owl Carousel (http://owlgraphic.com/owlcarousel/) -->
		<link href="lib/owl-carousel/owl.carousel.css" rel="stylesheet">
		<link href="lib/owl-carousel/owl.theme.css" rel="stylesheet">
		<link href="lib/owl-carousel/owl.transitions.css" rel="stylesheet">	
		<script src="lib/owl-carousel/owl.carousel.js"></script>
		
		<!-- jquery waypoint -->
		<script type="text/javascript" src="lib/jquery-waypoints/waypoints.min.js"></script>
	</head>	
	<body>
		<div class="container">			
			<!-- Content Principale -->
			<div class="content">
				<div class="header">
					<div class="go-top"><span class="fa fa-angle-up"></span></div>
					<div class="immagine">
						<img src="images/header_news.png" />
					</div>
					<div class="region region-header clearfix">
						<div class="block block-block clearfix" id="block-block-2">    
							<div class="content">
								<div class="logo"></div>
							</div>
						</div>
						<div class="block block-search clearfix" id="block-search-form">   
							<div class="content">
								<form accept-charset="UTF-8" id="search-block-form" method="post" action="/it">
									<div>
										<style>
											label.element-invisible{
												display:none;
											}
											#edit-actions {
												display:none;
											}
											/*
											.form-item-search-block-form {
												display:none;
											}
											*/
										</style>
										<div class="cerca">
											<a href="#" class="closed">
												<img src="images/cerca.png">
											</a>
											<div class="form-item form-type-textfield form-item-search-block-form">
												<label for="edit-search-block-form--2" class="element-invisible">Cerca </label>
												<input type="text" class="form-text" maxlength="128" size="15" value="" name="search_block_form" id="edit-search-block-form--2" title="Inserisci i termini da cercare.">
											</div>
											<div id="edit-actions" class="form-actions form-wrapper">
												<input type="submit" class="form-submit" value="Cerca" name="op" id="edit-submit">
											</div>
											<input type="hidden" value="form-MCed_WM8fsCbM5ldK9gH2qvbnaFCKB3WW-BfdAxMfPU" name="form_build_id">
											<input type="hidden" value="search_block_form" name="form_id">
											
										</div>
									</div>
								</form>
							</div>
						</div>						
					</div>					
					<nav>
						<div class="nav">
							<div class="region region-navbar">
								<div class="block block-system block-menu clearfix" id="block-system-main-menu">   
									<div class="content">
										<ul class="menu">
											<li class="first leaf"><a href="/it/contatti">Contatti</a></li>
											<li class="expanded"><a href="/it/ors">Energia da mari e fiumi</a>
												<ul class="menu" style="left: 5733px; display: none;">
													<li class="first leaf"><a href="/it/gem/0">GEM 1</a></li>
													<li class="leaf"><a href="/it/gem/1">GEM 2</a></li>
													<li class="leaf"><a href="/it/gem/2">GEM 3</a></li>
													<li class="leaf"><a href="/it/gem/3">GEM 4</a></li>
													<li class="leaf"><a href="/it/gem/4">GEM 5</a></li>
													<li class="last leaf"><a href="/it/gem/5">Energia da mari</a></li>
												</ul>
											</li>
											<li class="leaf"><a href="/it/wt">Energia dal vento</a></li>
											<li class="last leaf"><a href="/it/node/8">Consulenza Tecnica</a></li>
										</ul>  
									</div>
								</div>
							</div>
						</div>
					</nav>
					<!-- Scelta lingua -->					
					<div class="scelta_lingua">
						<a href="#" class="eng">ENG</a>|<a href="#" class="ita">ITA</a>
					</div>
					<!-- /Scelta lingua -->
				
				</div>	
				<div class="clear"></div>
				
				<!-- CORPO CENTRALE -->
				<div class="corpo_centrale">
					<!-- LEFT -->
					<div class="left">
						<div class="calendario">
							<div class="anno">
								<a href="javascript: void(0);" class="selezione_anno open">2014</a>
								<div class="mesi" id="anno_2014">
									<div class="mese"><a class="active" href="javascript: void(0);">01</a></div>
									<div class="mese"><a href="javascript: void(0);">02</a></div>
									<div class="mese"><a href="javascript: void(0);">03</a></div>
									<div class="mese"><a href="javascript: void(0);">04</a></div>
									<div class="mese"><a href="javascript: void(0);">05</a></div>
									<div class="mese last"><a href="javascript: void(0);">06</a></div>
									<div class="mese"><a href="javascript: void(0);">07</a></div>
									<div class="mese"><a href="javascript: void(0);">08</a></div>
									<div class="mese"><a href="javascript: void(0);">09</a></div>
									<div class="mese"><a href="javascript: void(0);">10</a></div>
									<div class="mese"><a href="javascript: void(0);">11</a></div>
									<div class="mese last"><a href="javascript: void(0);">12</a></div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="anno">
								<a href="javascript: void(0);" class="selezione_anno closed">2013</a>
								<div class="mesi" id="anno_2013" style="display:none;">
									<div class="mese"><a href="javascript: void(0);">01</a></div>
									<div class="mese"><a href="javascript: void(0);">02</a></div>
									<div class="mese"><a href="javascript: void(0);">03</a></div>
									<div class="mese"><a href="javascript: void(0);">04</a></div>
									<div class="mese"><a href="javascript: void(0);">05</a></div>
									<div class="mese last"><a href="javascript: void(0);">06</a></div>
									<div class="mese"><a href="javascript: void(0);">07</a></div>
									<div class="mese"><a href="javascript: void(0);">08</a></div>
									<div class="mese"><a href="javascript: void(0);">09</a></div>
									<div class="mese"><a href="javascript: void(0);">10</a></div>
									<div class="mese"><a href="javascript: void(0);">11</a></div>
									<div class="mese last"><a href="javascript: void(0);">12</a></div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="anno">
								<a href="javascript: void(0);" class="selezione_anno closed">2012</a>
								<div class="mesi" id="anno_2012" style="display:none;">
									<div class="mese"><a href="javascript: void(0);">01</a></div>
									<div class="mese"><a href="javascript: void(0);">02</a></div>
									<div class="mese"><a href="javascript: void(0);">03</a></div>
									<div class="mese"><a href="javascript: void(0);">04</a></div>
									<div class="mese"><a href="javascript: void(0);">05</a></div>
									<div class="mese last"><a href="javascript: void(0);">06</a></div>
									<div class="mese"><a href="javascript: void(0);">07</a></div>
									<div class="mese"><a href="javascript: void(0);">08</a></div>
									<div class="mese"><a href="javascript: void(0);">09</a></div>
									<div class="mese"><a href="javascript: void(0);">10</a></div>
									<div class="mese"><a href="javascript: void(0);">11</a></div>
									<div class="mese last"><a href="javascript: void(0);">12</a></div>
								</div>
								<div class="clear"></div>
							</div>
						</div>
					</div>
					<!-- /LEFT -->
					
					<!-- RIGHT -->
					<div class="right">
						<div class="contenuto">
							<div class="paragrafo">
								<div class="back">
									<a href="javascript:void(0);">
										back
									</a>
								</div>
								<div class="clear"></div>
								<!-- LISTA DELLE NEWS -->
								<div class="contenitore_lista_news">
									<!-- ELEMENTO NEWS -->
									<div class="news" id="news_1">
										<div class="titolo">
											Jan 20, 2014 
										</div>
										<div class="clear"></div>
										<div class="corpo">
											<div class="testo">
												Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac arcu ut nunc tempus convallis id ut purus. 
												Etiam dolor ex, ultrices nec iaculis in, sodales non nisi. Cras mauris dui, tempor ac fermentum ac, interdum ut felis. 
												Donec eget diam ante. Sed tristique, sem eu convallis eleifend, nunc lacus congue odio, eget maximus elit lectus a urna. 
												Pellentesque interdum ut quam ac mattis. Proin eget facilisis massa, sed interdum lorem. 
												Donec non turpis et sapien dignissim malesuada. Nam sit amet sagittis enim. In porttitor eros vel maximus vehicula. 
												Integer egestas, enim sit amet bibendum tristique, sapien magna feugiat nisl, sit amet consequat enim enim eu ligula. 
												Maecenas imperdiet sem quis faucibus venenatis.
												<br /><br />
												Sed in turpis sed sapien suscipit dignissim sit amet sed urna. 
												Cras volutpat, diam eget efficitur tempus, urna justo malesuada ex, nec blandit lorem turpis a nunc. 
												Proin finibus purus sapien, eu sollicitudin erat accumsan ac. Ut venenatis venenatis sapien. 
												Duis purus nunc, fermentum ut ex in, feugiat condimentum felis. Maecenas feugiat rhoncus felis eu tincidunt. 
												Nulla vel lacus non ipsum ultrices facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
												Aenean porttitor volutpat mollis. Proin non odio id tortor consequat hendrerit. 
												Etiam sed aliquet purus.											 																					
											</div>
											<div class="clear"></div>
										</div>
										<div class="clear"></div>										
									</div>
									<!-- /ELEMENTO NEWS -->
								</div>
								<!-- /LISTA DELLE NEWS -->
							</div>	
							<div class="clear"></div>
						</div>
					</div>
					<!-- /RIGHT -->
				</div>
				<!-- /CORPO CENTRALE -->			
			</div>
			
			<!-- Footer -->
			<footer>
				<div class="footer">
					
					<!-- Lato SX -->
					<div class="left">
						<div class="titolo">
							SeaPower
						</div>
						<div class="descrizione">
							societ&agrave; consortile a responsabilit&agrave; limitata di ricerca per energia da fonti rinnovabili<br />
							Via Giuseppe Fiorelli 14 - 80121 - Napoli<br />
							p.i. e c.f. 06704871216  -  Cap. soc. 100.000,00 &euro;
						</div>
						
					</div>
					<!-- /Lato SX -->
					
					<!-- Lato DX -->
					<div class="right">
						<div class="telefono">
							0817683578
						</div>
						<div class="mail">
							contact@seapowerscrl.com
						</div>
					</div>
					<!-- /Lato dX -->
					
				</div>
			</footer>
			<!-- /Footer -->
		</div>
		<!-- /Content principale -->	
	</body>
</html>
